.rewardDetails__header {
    width: 100%;
    height: 1rem;
    background: #F5F4F3;
}
.rewardDetails__footer {
    width: 100%;
    height: 1rem;
}
.rewardDetails__footer:before {
    display: table;
    content: "";
    clear: both;
}
.rewardDetails__header_con {
    width: 90%;
    margin-left:5%;
}
.rewardDetails__content {
    width: 100%;
}
.rewardDetails__content:after {
    display: table;
    content: "";
    clear: both;
}
.rewardDetails__header_con {
    padding-top: 0.3rem;
}
.rewardDetails__header {
    margin-top: 0.3rem;
}
.rewardDetails__header_img {
    width: 0.35rem;
    height: 0.35rem;
    vertical-align: bottom;
    margin-left: -0.05rem;
}
.rewardDetails__header span :hover {
    cursor: pointer;
}
.rewardDetails__header span {
    font-size: 0.3rem;
    color: #008B86;
    display: inline-block;
}
.rD__content__top {
    width: 90%;
    height: 1.2rem;
    margin-left: 5%;
}
.rD__content__topLeft {
    float: left;
    width: 70%;
    height: 100%;
}
.rD__content__topLeft_h2 {
    font-size: 0.16rem;
    color: rgb(51,51,51);
    font-weight: 600;
    padding-top: 0.15rem;
    overflow: hidden;
    width: 100%;
    height: 0.35rem;
}
.rD__content__topLeft_h31 {
    font-size: 0.14rem;
    color: rgb(51,51,51);
    font-weight: 600;
    padding-top: 0.2rem;
    overflow: hidden;
    width: 100%;
    height: 0.4rem;
}
.rD__content__topLeft_h31 a{
    color: rgb(0,140,140);
}
.rD__content__topLeft_h32 {
    font-size: 0.14rem;
    color: rgb(153,153,153);
    padding-top: 0.1rem;
    overflow: hidden;
    width: 100%;
    height: 0.3rem;
}
.rD__content__topRight {
    float: right;
    padding-top: 0.8rem;
}
.rD__content__topRight a{
 font-size: 0.14rem;
    background: rgb(0,140,140);
    color: #fff;
    padding: 0.06rem;
    border-radius: 0.03rem;
}
/*内容中间部分*/
.rD__content__mid {
    width: 90%;
    margin-left: 5%;
}
.rD__content__midTop {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    border-bottom: 1px solid #F4F4F4;
    overflow: hidden;
}
.rD__content__midTop>span:first-child {
    width: 0.04rem;
    height: 0.12rem;
    display: inline-block;
    background: #FFCC00;
    vertical-align: text-top;
}
.rD__content__midTop>span:nth-child(2) {
    font-size: 0.15rem;
    color: rgb(0,140,140);
    font-weight: 600;
    padding-left: 0.1rem;
}
.rD__content__midTop>span:nth-child(2) span {
    color: rgb(153,153,153);
}
.rD__content__midMid {
    width: 100%;
    margin-top: 0.3rem;
    text-align: center;
}
.rD__content__midMid p{
    width: 100%;
    height: 0.4rem;
    line-height: 0.4rem;
    text-align: center;
    color: rgb(51,51,51);
    font-weight: 600;
    font-size: 0.15rem;
}
.rD__content__midMid a{
    display: inline-block;
    width: 1.8rem;
    height: 1.8rem;
    background: rgb(0,140,140);
}
.rD__content__midBot {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    text-align: center;
}
.rD__content__midBot a{
    background: rgb(0,140,140);
    font-size: 0.15rem;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    padding: 10px;
}
.rD__content__bot {
    width: 90%;
    margin-left: 5%;

}
.rD__content__botTop {
    width: 100%;
    height: 0.6rem;
    border-bottom: 1px solid #F4F4F4;
    line-height: 0.25rem;
    margin-top: 0.2rem;
}
.rD__content__botTop div:first-child {
    width: 31%;
    float: left;
}
.rD__content__botTop div:first-child span:first-child {
    width: 0.04rem;
    height: 0.12rem;
    display: inline-block;
    background: #FFCC00;
    vertical-align: text-top;
}
.rD__content__botTop div:first-child span:nth-child(2) {
    font-size: 0.15rem;
    color: rgb(0,140,140);
    font-weight: 600;
    padding-left: 0.1rem;
}
.rD__content__botTop div:nth-child(2){
    float: left;
    width: 69%;
    font-size: 0.15rem;
    color: rgb(153,153,153);
    font-weight: 600;
    padding-left: 0.1rem;
}
.rD__content__botMin {
    width: 100%;

}
.rD__content__botMin div:first-child {
    width: 3rem;
    height: 2.5rem;
    background: #ccc;
   margin: 0.2rem auto;
}
.rD__content__botMin div:nth-child(2) {
    width: 3rem;
    height:2.5rem;
    border: 2px dashed #D2D2D2;
    margin: 0.2rem auto;
    position: relative;
    text-align: center;
}
.rD__content__botMin div:nth-child(2) span:first-child {
    display: inline-block;
    width: 0.5rem;
    height: 0.05rem;
    background: #ccc;
    position: absolute;
    top: 1.235rem;
    left:1.25rem;
}
.rD__content__botMin div:nth-child(2) span:nth-child(2) {
    width: 0.05rem;
    display: inline-block;
    height: 0.5rem;
    background: #ccc;
    position: absolute;
    top: 1rem;
}
.rD__content__botMin div:nth-child(2) span:nth-child(3) {
   position: absolute;
    bottom: 0.4rem;
    font-size: 0.2rem;
    font-weight: 500;
    color: rgb(153,153,153);
    left: 1.1rem;
}
.rD__content__botBot {
    width: 100%;
}
.rD__content__botBotmin {
    width: 100%;
    height: 0.6rem;
    line-height: 0.6rem;
    border-bottom: 1px solid #F4F4F4;
    overflow: hidden;
}
.rD__content__botBotmin>span:first-child {
    width: 0.04rem;
    height: 0.12rem;
    display: inline-block;
    background: #FFCC00;
    vertical-align: text-top;
}
.rD__content__botBotmin>span:nth-child(2) {
    font-size: 0.15rem;
    color: rgb(0,140,140);
    font-weight: 600;
    padding-left: 0.1rem;
}
.rD__content__botBotmin>span:nth-child(2) span {
    color: rgb(153,153,153);
}
.rD__content__botBotmax {
    width: 100%;
    /*height: 0.6rem;*/
    /*border-bottom: 1px solid #F4F4F4;*/
    line-height: 0.25rem;
    margin-top: 0.2rem;
}
.rD__content__botBotmax div:first-child {
    width: 31%;
    float: left;
}
.rD__content__botBotmax div:first-child span:first-child {
    width: 0.04rem;
    height: 0.12rem;
    display: inline-block;
    background: #FFCC00;
    vertical-align: text-top;
}
.rD__content__botBotmax div:first-child span:nth-child(2) {
    font-size: 0.15rem;
    color: rgb(0,140,140);
    font-weight: 600;
    padding-left: 0.1rem;
}
.rD__content__botBotmax div:nth-child(2){
    float: left;
    width: 69%;
    font-size: 0.15rem;
    color: rgb(153,153,153);
    font-weight: 600;
    padding-left: 0.1rem;
}
.rewardDetails__footer__con {
    width: 90%;
    margin-left: 5%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
}
.rewardDetails__footer__con a{
    width: 100%;
    display: inline-block;
    height: 1rem;
    line-height: 1rem;
    color: rgb(0,140,140);
    font-size: 0.3rem;
    text-align: center;
}

/*模态框*/
.rewardDetails__modal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    background: rgba(1,1,1,.4);
    display: none;
}
.rewardDetails__modal_box {
    width: 80%;
    height: 1.6rem;
    background: #fff;
    position: absolute;
    left: 10%;
    top: 2rem;
    border-radius: 0.2rem;
}
.rewardDetails__modal_boxTop {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    text-align: center;
    color: rgb(51,51,51);
    font-size: 0.15rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    border-bottom: 1px solid #ccc;
}
.rewardDetails__modal_boxBottom {
    width: 100%;
    height: 0.59rem;
    line-height: 0.59rem;
}
.rewardDetails__modal_boxBottom span{
    display: inline-block;
    width: 49%;
    height: 0.59rem;
    text-align: center;
    font-size: 0.15rem;
}
.rewardDetails__modal_boxBottom span:first-child {
    color: rgb(153,153,153);
    border-right: 1px solid #ccc;
}
.rewardDetails__modal_boxBottom span:nth-child(2){
    color: rgb(0,140,140);
}


.rewardDetails__modal2 {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top:0;
    background: rgba(1,1,1,.4);
    display: none;
}
.rewardDetails__modal2_box {
    width: 80%;
    height: 1.6rem;
    background: #fff;
    position: absolute;
    left: 10%;
    top: 2rem;
    border-radius: 0.2rem;
}
.rewardDetails__modal2_boxTop {
    width: 100%;
    height: 1rem;
    text-align: center;
    color: rgb(51,51,51);
    font-size: 0.15rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    border-bottom: 1px solid #ccc;
}
.rewardDetails__modal2_boxTop p:first-child {
    color: rgb(0,140,140);
    font-size: 0.2rem;
    margin-top: 0.1rem;
}
.rewardDetails__modal2_boxTop p:nth-child(2) {
    margin-top: 0.05rem;
}
.rewardDetails__modal2_boxTop p:nth-child(3) {
    margin-top: 0.05rem;
}
.rewardDetails__modal2_boxBottom {
    width: 100%;
    height: 0.59rem;
    line-height: 0.59rem;
}
.rewardDetails__modal2_boxBottom span{
    display: inline-block;
    width: 49%;
    height: 0.59rem;
    text-align: center;
    font-size: 0.15rem;
}
.rewardDetails__modal2_boxBottom span:first-child {
    color: rgb(153,153,153);
    border-right: 1px solid #ccc;
}
.rewardDetails__modal2_boxBottom span:nth-child(2){
    color: rgb(0,140,140);
}
